﻿<%@ Page Title="" Language="C#" MasterPageFile="~/NetSysQuiz.Master" AutoEventWireup="true" CodeBehind="Quiz.aspx.cs" Inherits="BladeTecWebApplication.Quiz" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

	<asp:Panel runat="server" ID="pnlQuiz">
		
		<table cellpadding="0" border="0" cellspacing="0">
			<tr>
				<td style="vertical-align:top;width:200px;">
					<table cellpadding="0" border="0" cellspacing="0">
						<tr>
							<td>
								Name:
							</td>
							<td style="padding-left:10px;">
								<asp:Label ID="lblApplicantName" runat="server"></asp:Label>
							</td>
						</tr>
						<tr>
							<td style="padding-top:10px; vertical-align:top;">
								Quiz:
							</td>
							<td style="padding-left:10px; padding-top:10px;">
								<asp:Label ID="lblQuizName" runat="server"></asp:Label>
							</td>
						</tr>
						<tr>
							<td style="padding-top:10px; vertical-align:top;">
								Question:
							</td>
							<td style="padding-left:10px; padding-top:10px;">
								<asp:Label ID="lblCurrentQuestion" runat="server"></asp:Label>&nbsp;of&nbsp;<asp:Label ID="lblTotalQuestions" runat="server"></asp:Label>
							</td>
						</tr>
					</table>
				</td>
				<td style="padding-left:50px;border-left: 1px solid #BBB;">

					<asp:Panel runat="server" ID="pnlMCNoSelection" Visible="false">
						<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
							<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
							<strong>No answer selected:</strong> Please select an answer to the multiple choice question.</p>
						</div>
						<br />
					</asp:Panel>

					<asp:Label ID="lblQuestionText" runat="server"></asp:Label>
					<br />
					<br />

					<asp:Panel ID="pnlAnswers" runat="server">
						<asp:RadioButtonList ID="rblAnswers" runat="server" />
					</asp:Panel>

					<asp:Panel ID="pnlShortAnswer" runat="server">
						<asp:TextBox TextMode="MultiLine" Width="400" runat="server" ID="txtShortAnswer" Rows="5"></asp:TextBox>
					</asp:Panel>

					<div style="width:400px; text-align:right;">
						<br />
						<asp:Button runat="server" Text="Next >" ID="btnNext" onclick="btnNext_Click" />
					</div>

					<asp:HiddenField ID="hfQuestionType" runat="server" />
					<asp:HiddenField ID="hfQuestionId" runat="server" />
				</td>
			</tr>
		</table>

	</asp:Panel>

	<asp:Panel runat="server" ID="pnlNoQuiz" Visible="false">
		<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
			<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
			<strong>Invalid Session:</strong> A quiz has not been started.  Please <a href="Default.aspx">login here</a> start a quiz.</p>
		</div>
	</asp:Panel>

	<asp:Panel runat="server" ID="pnlQuizDone" Visible="false">
		<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
			<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
			<strong>Quiz Completed:</strong> The requested quiz has already been completed.</p>
		</div>
	</asp:Panel>

	<asp:Panel runat="server" ID="pnlQuestionError" Visible="false">
		<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
			<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
			<strong>Error Loading Question:</strong> The question was not found.</p>
		</div>
	</asp:Panel>

	<asp:Panel ID="pnlQuizCompleted" Visible="false" runat="server">
		You have reached the end of the quiz.
	</asp:Panel>

</asp:Content>
